<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

</head>
<body>
自定义视图解析器

<button id="ceshi">测试</button>
<button id="ceshi2">测试2</button>
<button id="ceshi3">测试3</button>


<script type="text/javascript" src="/js/jquery.min.js"></script>

<script>


    $('#ceshi').click(function() {

        /*转换为json字符串*/
        var obj = JSON.stringify({'userName':'121589','userMac':'15'});


        $.ajax({
            url: '/addUser2',
            type: "post",            /*默认    async: true,   异步 async. 默认是 true，即为异步方式，
            $.ajax执行后，会继续执行ajax后面的脚本，直到服务器端返回数据后，触发$.ajax里的success方法，这时候执行的是两个线程。

　　async 设置为 false，则所有的请求均为同步请求，在没有返回值之前，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。*/
            data: obj,
            contentType: 'application/json;charset=utf-8',
            success: function (data) {
                alert("ceshi")
            }
            });
    });


    $('#ceshi2').click(function() {

        $.ajax({
            url: '/addUser3',
            type: 'post',
            async: false,
            dataType: 'json',
            data: {
                'userName': 11,
                'userMac': 22,
                'userType': 33,
                'userAddress': 44,
                'innerPhone' : 55,
                'userTelphone' : 66,
                'remark' : 77
            },
            success: function (data) {

      /*如果controller返回的不是json 永远执行不了 回调函数success 行为返回的类型不是  dataType: 'json',会一直等待*/
       alert("ceshi2")
            }
        });
    });



    $('#ceshi3').click(function() {

        $.ajax({
            url: '/addUser4',
            type: 'post',
            async: false,
            dataType: 'text',
            data: {
                'userName': 11,
                'userMac': 22,
                'userType': 33,
                'userAddress': 44,
                'innerPhone' : 55,
                'userTelphone' : 66,
                'remark' : 77
            },
            success: function (data) {
                alert("ceshi4")
            }
        });
    });
</script>

</body>
</html>